@charset "utf-8";
/*Css Document */

/*====消除不同浏览器对HTML文本呈现的差异====*/
/*1.在所有浏览器中更正行高。
2.防止在iOS中更改方向后调整字体大小。*/
html{
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	_background:url(about:blank);
	/*始终让 Firefox 显示滚动条*/
	overflow: -moz-scrollbars-vertical;
	overflow-x:hidden;
}
/*文字强制换行word-break:keep-all;(Ff)*/
*{
	word-wrap: break-word;
	margin: 0;
	padding: 0;
	outline:none
}
/*====Sections(节)==== */
/*在所有浏览器中删除边距。*/
body{margin: 0;}
/*在IE中一致地渲染`main`元素。*/
main{display: block;}
/**
 * 设置表格方式垂直居中
 * 细线表格
 */
table {
	border-collapse: collapse;
	margin:auto;
	display: table;
	width: 100%;
	/*height: 100%; */
	height:auto;
	table-layout: fixed;
}
/* 设置表格方式垂直居中 */
.tableCell{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
/*更正`section`中`h1`元素的字体大小和边距，
Chrome，Firefox和Safari中的“article”上下文。*/
h1{
	font-size: 2em;
	margin: 0.67em 0;
}
/*====Grouping content(分组内容)==== */
/*1.在Firefox中添加正确的框大小。
2.在Edge和IE中显示溢出。*/
hr{
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
/*1.在所有浏览器中更正字体大小的继承和缩放。
2.在所有浏览器中更正奇数的“ em”字体大小。*/
pre{
	font-family: monospace, monospace;
	font-size: 1em;
}
/* ====Text-level semantics(文本级语义)==== */
/*删除IE 10中活动链接上的灰色背景。*/
a {
	background-color: transparent;
}
/*1.移除Chrome 57-中的底部边框
2.在Chrome，Edge，IE，Opera和Safari中添加正确的文字修饰。*/
abbr[title]{
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
/*在Chrome，Edge和Safari中添加正确的字体粗细。*/
b,strong{font-weight: bolder;}
/*1.在所有浏览器中更正字体大小的继承和缩放。
2.在所有浏览器中更正奇数的“ em”字体大小。*/
code,kbd,samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
/*在所有浏览器中添加正确的字体大小。*/
small{font-size: 80%;}
/*防止`sub`和`sup`元素影响行的高度
所有浏览器。*/
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
/* ====Embedded content(嵌入式内容)==== */

/* ====Forms(形式)==== */
/*1.在所有浏览器中更改字体样式。
2.在Firefox和Safari中删除边距。*/
 button,input,optgroup,select,textarea
{
	 font-family: inherit;
	 font-size: 100%;
	 line-height: 1.15;
	 margin: 0;
}
/*显示IE中的溢出。
1.在Edge中显示溢出。*/
button,input {overflow: visible;}
/*删除Edge，Firefox和IE中文本转换的继承。
1.删除Firefox中文本转换的继承。*/
button,select {text-transform: none;}
/*纠正了无法在iOS和Safari中设置可点击类型的样式的问题。*/
button,[type="button"],[type="reset"],[type="submit"]
{
	-webkit-appearance: button;
}
/*在Firefox中删除内部边框和填充。*/
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner
{
	border-style: none;
	padding: 0;
}
/*恢复以前的规则未设置的焦点样式。*/
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring
{
	outline: 1px dotted ButtonText;
}
/*更正Firefox中的填充。*/
fieldset{padding: 0.35em 0.75em 0.625em;}
/* 1.更正Edge和IE中的文字换行。
2.纠正IE中来自“ fieldset”元素的颜色继承。
3.删除填充，使开发人员在归零时不会被抓住
所有浏览器中的`fieldset`元素。*/
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
/*在Chrome，Firefox和Opera中添加正确的垂直对齐方式。*/
progress{vertical-align: baseline;}
/*删除IE 10+中的默认垂直滚动条。*/
textarea{overflow: auto;}
/*1.在IE 10中添加正确的框大小。
2.删除IE 10中的填充。*/
[type="checkbox"],[type="radio"]{
	box-sizing: border-box;
	 padding: 0;
}
/*更正Chrome中递增和递减按钮的光标样式。*/
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height: auto;}
/*1.纠正Chrome和Safari中的奇怪外观。
2.在Safari中更正轮廓样式。*/
[type="search"]{
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
/*在macOS上的Chrome和Safari中删除内部填充。*/
[type="search"]::-webkit-search-decoration
{
	-webkit-appearance: none;
}
/*1.纠正了无法在iOS和Safari中设置可点击类型的样式的问题。
2.在Safari中将字体属性更改为`inherit`。*/
::-webkit-file-upload-button{
	-webkit-appearance: button;
	font: inherit;
}
/* ====Interactive(互动)==== */
/*在Edge，IE 10+和Firefox中添加正确的显示。*/
details{display: block;}
/*在所有浏览器中添加正确的显示。*/
summary{display: list-item;}
/* ====Misc(其他)==== */
/*在IE 10+中添加正确的显示。*/
template{display: none;}
/*在IE 10中添加正确的显示。*/
[hidden]{display: none;}

/*Document : CSS样式初始化 Description: CSS样式表的初始化，全局样式设置。*/
/* 全局CSS reset */
/* 页面设置 */
/* 初始化标签在所有浏览器中的margin、padding值 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,textarea,p,blockquote,
th,td,input,select,textarea,button,img
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline-style:none;
	/*FF*/
 }
header,footer,nav,section,figure,figcaption,form,
aside,article,hgroup,main,div,h1,h2,h3,h4,h5,h6,ul,
ol,li,dl,dd,dt,p{display: block;}
/**
 * 设置body
 */
/*body{*/
/*	font-family:"microsoft yahei","微软雅黑",simsun,"宋体";*/
/*	overflow-x: hidden;*/
/*	overflow-y: auto; */
/*	font-size: 15px;	*/
/*	!* font-size: 12px; *!*/
/*	*/
/*	font-family:"Microsoft YaHei","SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial","sans-serif";*/
/*		*/
/*	!* font:14px/1.571429 "Segoe UI",*/
/*	 "Lucida Grande",*/
/*	 Helvetica,*/
/*	 Arial,*/
/*	 "Microsoft YaHei",*/
/*	 FreeSans,*/
/*	 Arimo,*/
/*	 "Droid Sans",*/
/*	 "wenquanyi micro hei",*/
/*	 "Hiragino Sans GB",*/
/*	 "Hiragino Sans GB W3",*/
/*	 Roboto,*/
/*	 Arial,*/
/*	 sans-serif;*!*/
/*	 */
/*	 !* color:#76838f; *!*/
/*	 color: #666;*/
/*	 margin:0;*/
/*	 width:100%;*/
/*	 max-width:100%;*/
/*	 min-width:320px;*/
/*	 !* min-width:1340px; *!*/
/*	 min-height:100%; */
/*	 */
/*	 background:#fff;*/
/*	 */
/*	*/
/*}*/

body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",Helvetica,Arial; margin: 0 auto; color: #4e4e4e; background-color: #fff; }
/* 重置页面文字属性 */
body,th,td,input,select,textarea,button
{
	font-size:14px;
	line-height:1 ;
}
/*
 * 短引用的内容可取值：''或""
 * 重置嵌套引用
 */
blockquote:before, blockquote:after,q:before, q:after
{
	content:'';
	content:none
}
/* 清除描边,块显示,缩写，图片等无边框 */
 /* 重置fieldset（表单分组）、图片的边框为0*/
fieldset,img,abbr,acronym{border: 0 none;}
/*删除IE 10中链接内部图像的边框,图片在当前行内的垂直位置 */
img{vertical-align:top;max-width: 100%;border-style: none;}
abbr,acronym{font-variant: normal;}
legend{color:#000;}
blockquote, q{quotes: none} /* 重置嵌套引用的引号类型 */
/* 清除特殊标记的字体和字号 */
address,caption,cite,code,dfn,em,strong,th,var{/*font-weight: normal; font-style: normal;*/}
/* 上下标 统一上标和下标 */
sub,sup
{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup{top:-0.5em; }
sub{bottom:-0.25em;}
/* 设置表格的边框被合并为一个单一的边框, 指定分隔边框模型中单元格边界之间的距离为0*/
/* 表格标题及内容居左显示 */
caption{display:none;} /* 重置表格标题为隐藏 */
caption,th{text-align: left;}
/* 清除列表样式 重置类表前导符号为onne,menu在HTML5中有效 */
dl,ul,ol,menu,li{list-style:none}
/* 输入控件字体 */
input,button,textarea,select,optgroup,option
{
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
 }
/* 重置表单控件垂直居中*/
input,select,textarea,button{
	vertical-align:middle;
	outline:none;
}
textarea{resize:none}
/* 鼠标样式 */
input[type="submit"]{cursor: pointer;}
/* 重置表单button按钮效果 */
button{
	border:0 none;
	background-color:transparent;
	cursor:pointer;
}
input::-moz-focus-inner{border: 0; padding: 0;}
/* 标题元素样式清除, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
ul, li {list-style-type: none;}/*无列表项目标记*/
/* 链接样式，颜色根据实际需求修改 */
/* 未访问的链接 */
a:link {
    color: #000;
}
a:visited {color:#000}/* 已访问的链接 */
a:hover {color:#2b489c}/* #eb6100鼠标移动到链接上 */
a:active {blr:expression(this.onFocus=this.blur());}/* 选定的链接 */
del,ins,a{text-decoration:none;}
/* 取消a标签点击后的虚线框 */
a:hover,a:active,a:focus{ text-decoration:none;}
/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */
a:active{star:expression(this.onFocus=this.blur());}
/*
 * CSS3链接秒数缓冲效果2秒
 * 链接无下划线,有为underline;链接去框
 */
a{
	text-decoration: none;
	outline: none;
	/* transition: color 0.3s ease 0.3s; */
}
/* 内盒子代码 */
.box-size{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* 规定页面内容区域宽度 */
.wrap {
	/* width: 1200px; */
	width: 100%;
	max-width: 1400px;
	clear: both;
	margin: 0 auto;
	position: relative;
	/*padding: 0 20px;*/
	padding:0 10%;
}
/* *, *:after, *:before {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
} */
/* 层板块缓冲效果CSS3 transition: all 0.3s ease 0s;   */
.clearfix {zoom:1}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
/* 清除浮动 */
.clearfix:after {
  clear: both;
}
.clear {
	clear: both;
	overflow:hidden;
}
.clearfix:after {content: '\20'; display: block; clear: both;}
/*f_yh为英文字体样式*/
.f_yh{font-family:"Arial, Helvetica, sans-serif";}
.cursor{ cursor:pointer;}
/*相对定位*/
.pr{position:relative}
/*绝对定位*/
.pa{position:absolute}
/*左浮动*/
.fl{ float:left;}
/*右浮动*/
.fr{ float:right;}
/*浮动后，此元素会被显示为内联元素，元素前后没有换行符*/
.fl,.fr{display:inline;}
/* 设置图片经过放大 */
.imghover{ /*overflow:hidden;*/}
/* 设置图片经过放大 */
.imghover img{
	overflow:hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
/* 设置图片经过放大 */
.imghover:hover img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
.img::before {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(255,255,255,0);
    z-index: 100;
}
.img:hover:before {
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid rgba(255,255,255,0.5);
}
.img:hover img {
	transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	-webkit-transform: scale(1.1) rotate(3deg);
	-moz-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);
}



/* 自定义页面间距 */
.h5 {clear: both;height: 5px;font-size: 0;margin: 0;padding: 0;}
.h6 {clear: both;height: 6px;font-size: 0;margin: 0;padding: 0;}
.h10 {clear: both;height: 10px;font-size: 0;margin: 0;padding: 0;}
.h15 {clear: both;height: 15px;font-size: 0;margin: 0;padding: 0;}
.h20 {clear: both;height: 20px;font-size: 0;margin: 0;padding: 0;}
.h25 {clear: both;height: 25px;font-size: 0;margin: 0;padding: 0;}
.h30 {clear: both;height: 30px;font-size: 0;margin: 0;padding: 0;}
.h35 {clear: both;height: 35px;font-size: 0;margin: 0;padding: 0;}
.h40 {clear: both;height: 40px;font-size: 0;margin: 0;padding: 0;}
.h45 {clear: both;height: 45px;font-size: 0;margin: 0;padding: 0;}
.h50 {clear: both;height: 50px;font-size: 0;margin: 0;padding: 0;}
.h55 {clear: both;height: 55px;font-size: 0;margin: 0;padding: 0;}
.h60 {clear: both;height: 60px;font-size: 0;margin: 0;padding: 0;}
.h65 {clear: both;height: 65px;font-size: 0;margin: 0;padding: 0;}
.h70 {clear: both;height: 70px;font-size: 0;margin: 0;padding: 0;}
.h75 {clear: both;height: 75px;font-size: 0;margin: 0;padding: 0;}
.h80 {clear: both;height: 80px;font-size: 0;margin: 0;padding: 0;}
.h85 {clear: both;height: 85px;font-size: 0;margin: 0;padding: 0;}
.h90 {clear: both;height: 90px;font-size: 0;margin: 0;padding: 0;}
.h95 {clear: both;height: 95px;font-size: 0;margin: 0;padding: 0;}
.h100 {clear: both;height:100px;font-size: 0;margin: 0;padding: 0;}
.h105 {clear: both;height: 105px;font-size: 0;margin: 0;padding: 0;}
.h110 {height: 135px;clear: both;font-size: 0;margin: 0;padding: 0;}
.h115 {height: 135px;clear: both;font-size: 0;margin: 0;padding: 0;}
.h120 {height: 135px;clear: both;font-size: 0;margin: 0;padding: 0;}
.h120 {height: 135px;clear: both;font-size: 0;margin: 0;padding: 0;}
.h125 {height: 135px;clear: both;font-size: 0;margin: 0;padding: 0;}
.h130 {height: 135px;clear: both;font-size: 0;margin: 0;padding: 0;}
.h135 {height: 135px;clear: both;font-size: 0;margin: 0;padding: 0;}

.wrapC {
    /*padding: 0 100px;*/
	/*padding: 0 10%;*/
	margin: 0 10%;
	min-height: 550px;
}
.bgf{
	background:#fff;
}

@media(max-width:1366px) {
    .wrapC {
        /*padding: 0 20px;		*/
		/*padding: 0 5%;*/
		margin: 0 5%;
    }
}
@media(max-width:1024px) {
	.wrapC {
		/*padding: 0 20px;		*/
		/*padding: 0 5%;*/
		margin: 0 1%;
	}
}
.wrapC_h10 {
    clear: both;
    padding-top: 10px;
}
.wrapC_h20 {
    clear: both;
    padding-top: 20px;
}
.wrapC_h30 {
    clear: both;
    padding-top: 30px;
}
.wrapC_h40 {
    clear: both;
    padding-top: 40px;
}
.wrapC_h50 {
    clear: both;
    padding-top: 50px;
}
.wrapC_h60 {
    clear: both;
    padding-top: 60px;
}
.wrapC_h70 {
    clear: both;
    padding-top: 70px;
}
.wrapC_h80 {
    clear: both;
    padding-top: 80px;
}
.wrapC_h90 {
    clear: both;
    padding-top: 80px;
}
.wrapC_h100 {
    clear: both;
    padding-top: 90px;
}

.wrapC_h110 {
    clear: both;
    padding-top: 110px;
}
/*截字数*/
.clamp1{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp2{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp3{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp4{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp5{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp6{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.scaleBg {
	transform: scale(1.05);
}

.section {
	width: 100%;
	height: 100%;
}
.section20 {
    padding: 20px 0;
}
.main_bg {
    background: url(../img/main_bg.jpg) no-repeat center / cover fixed;
}
.main_bg1 {
	background: url(../img/cnce7.jpg) no-repeat center / cover fixed;
}
.bgmain {
    background: url(../img/main_bg.jpg) no-repeat center / cover;
}
.bg1 {
    background: url(../img/bg1.png) no-repeat center / cover;
}
.bg1_1 {
    background: url(../img/bg1_1.jpg) no-repeat center / cover;
}

.bg2 {
    background: url(../img/bg2.jpg) no-repeat center / cover;
}
.bg2_1 {
    background: url(../img/bg2_1.jpg) no-repeat center / cover;
}
.bg2_2 {
    background: url(../img/bg2_2.jpg) no-repeat center / cover;
}

.bg3 {
    background: url(../img/bg3.jpg) no-repeat center / cover;
}
.bg3_1 {
    /* background: url(../img/bg3_1.jpg) no-repeat center / cover;	 */
	background: #edf6fd url(../img/bg3_1.jpg) no-repeat right bottom;
	background-size: auto 78.75%;
}

.bg4 {
    background: url(../img/bg4.png) no-repeat center / cover;
}

.bg5 {
    background: url(../img/bg5.png) no-repeat center / cover;
}
.bg6 {
    background: url(../img/bg6.jpg) no-repeat center / cover;
}
.sm_bg {
    background: url(../img/sm_bg.jpg) no-repeat center / cover;
}
.sm_bg1 {
    background: url(../img/sm_bg1.png) no-repeat center / cover;
}
.sm_bg2 {
    background: url(../img/sm_bg2.jpg) no-repeat center / cover;
}